<template>
	<view>
		<view class="flex_align goods">
			<image class="goodsImg" :src="src"></image>
			<view style="flex:1;">
				<view class="goodsName clamp1">{{goodsName}}</view>
				<view class="price">￥{{price}}/株</view>
				<view class="sku">{{sku}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		props:{
			src:{
				type:String,
				default:''
			},
			goodsName:{
				type:String,
				default:'商品名'
			},
			price:{
				type:String,
				default:'500.00'
			},
			sku:{
				type:String,
				default:'产品规格产品规格'
			}
		}
	}
</script>

<style lang="scss">
	.goodsImg{
		width: 180rpx;
		height: 180rpx;
		border-radius: 16rpx;
		background-color: #EEEEEE;
		margin-right: 20rpx;
	}
	.goodsName{
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #333333;
	}
	.price{
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Medium;
		font-weight: 500;
		color: #f73f3f;
		margin:8rpx 0 14rpx;
	}
	.sku{
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #999999;
	}
</style>
